<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://sduept.security.el/func"
	template="/template/template.xhtml">
	<ui:define name="head">
		<title>问题设备分析</title>
		<link href="#{request.contextPath}/resources/bootstrap/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
		<style>
	
.row {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: -3px;
}

.col-sm-4, .col-sm-12, .col-sm-9 {
    float: left;
    padding-left: 0px;
    padding-right: 0px;
}

		</style>
	</ui:define>
	
	<ui:define name="content">
		<p:confirmDialog global="true" showEffect="fade" hideEffect="fade">
			<p:commandButton value="是" type="button" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
			<p:commandButton value="否" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
		</p:confirmDialog>
		<div>
			<h:form id="queryForm">
				<div class="box box-primary">
					<div style="height: 50px; padding-top: 10px;padding-left:10px">
						<p:outputLabel value="查询时间：" style="margin-left:10px;" />
						<input type="text" id="firstYear" style="width:80px;height:30px;text-align:center;margin-right:5px;" />
						<p:outputLabel value="至 ：" style="margin-left:10px;" />
						<input type="text" id="lastYear" style="width:80px;height:30px;text-align:center;margin-right:5px;" />
						<p:commandButton icon="ui-icon-search" value="查询" style="margin-left:10px;" onclick="initChartData()" />
					</div>
				</div>
				<div class="box box-solid">
					<div class="box-body">
						<div class="nav-tabs-custom">
							<div class="tab-content no-padding">
								<div style="overflow:auto; height: 706px">
									<!-- 全网问题设备数量统计 -->
									<div class="row">
										<div class="col-md-12 col-sm-12 no-padding">
											<div class="box box-primary">
												<div class="box-header with-border">
													<h3 class="box-title" id="yearTitle" />
												</div>
												<div class="box-body">
													<div id="allQuesCount" style="height: 350px; margin: 0 auto;text-align:center;color:grey;font-size:16px;font-weight:bold"></div>
												</div>
											</div>
										</div>
									</div>
									<!-- 分子公司问题设备数量统计 -->
									<div class="row">
										<div class="col-md-12 col-sm-12 no-padding">
											<div class="box box-primary">
												<div class="box-header with-border">
													<h3 class="box-title" id="acceptScopeTitle" />
												</div>
												<div class="box-body">
													<div id="acceptScopeQuesCount" style="height: 350px; margin: 0 auto;text-align:center;color:grey;font-size:16px;font-weight:bold"></div>
												</div>
											</div>
										</div>
									</div>
									<!-- 供电局问题设备数量统计 -->
									<div class="row">
										<div class="col-md-12 col-sm-12 no-padding">
											<div class="box box-primary">
												<div class="box-header with-border">
													<h3 class="box-title" id="acceptUnitTitle" />
												</div>
												<div class="box-body">
													<div id="acceptUnitQuesCount" style="height: 350px; margin: 0 auto;text-align:center;color:grey;font-size:16px;font-weight:bold"></div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</h:form>
		</div>
	</ui:define>
	<ui:define name="contentend">
		<script src="#{request.contextPath}/resources/plugins/echarts/echarts.js" />
		<script src="#{request.contextPath}/resources/bootstrap/js/bootstrap-datetimepicker.min.js" />
		<script src="questionEquipmentsAnalysis.js"/>
	</ui:define>
</ui:composition>